﻿@media screen and (min-width: 1400px) {/*???????????????*/
} 
@media screen and (max-width: 1400px) {/*????????????*/
	.header{width: 1000px;}
	.footer .box{width: 1000px;}
	.copyRight_1 .box{width: 1000px;}
	.copyRight_2 .box{width: 1000px;}
	.indexText{width: 1000px;}
	.allTitle .line{width: 1000px;}
	.allTitle{width: 1000px;}
	.item-box{width: 1000px;}
	.item-list{width: 1000px;}
	.pageNav{width: 1000px;}
	.webBox{width: 1000px;}
	.main{width: 1000px;}
	.case-box{width: 1000px;}
	.list_26 {width: 1000px;}
	.table2{width: 1000px;}
	.case-list{width: 1000px;}

	.nav li a{padding: 0 30px;}

	.indexTextLeft .ul li h4{width:400px;}
	.indexTextLeft .ul li p{width:400px;}

	.allTitle .titlebox{left: 400px;}
	.item-list a{width: 136px;height:136px;margin:0 15px 30px;border-radius: 100px; line-height:280px;}

	
	.list_26 .item_img {width: 320px;height: 246px;margin-right: 20px;}
	.list_26 .item_img .top_img {height: 192px;}

	
	.leftBar{width: 680px;}
	.rightBar{width: 300px;}

	.case-list li{width: 235px;height:185px;margin:0 15px 15px 0; }
	.case-list li .ad265{width: 215px;height:129px;}
	.case-list li .seeicon{width: 100%;height:129px;background: url(img/see.png) no-repeat  center 45px;}
	.case-list li .imgback{width: 215px;height:129px;}
	.case-list li .img{width: 215px;height:129px;}
	.case-list li .img img{width: 215px;height:129px;float: left;}
	.case-list li .title{width: 215px;}

	.searchbox .input{width: 209px;}

	.articleList li h2{width: 525px;}
	.articleList li .text{width: 525px;}
	.articleList li .text p{width: 410px;overflow: hidden;}

	.lc{background-size: 1600px;height:517px;}

	.item-list a span{line-height: 40px;margin-bottom: 10px;}


} 
@media screen and (max-width: 1000px) {/*????????????*/
	.nav{display: none;}
	header{height: 70px;height: 70px;padding: 0 0px;}
	.nav{width: 100%;top: 70px;height: 70px;line-height: 70px;background: #333;float: left;position: relative;}
	.nav li{width: 16.66%;}
	.nav li a{width:100%;padding: 0;height: 70px;text-align: center;}
	.ps_box{margin-top: 70px;margin-bottom: 0;}
	.header h1, .header h2 {padding-top: 0;margin-bottom: 0;  background: url(img/logo-small.png) no-repeat 20px 22px;  width: 220px;  height: 70px; margin-top: 0;  background-size: 180px;position: absolute;z-index: 1;}
  	.header h1 a, .header h2 a{width: 220px;height: 70px;}
  	.nav li a.cur{background: #444;}
  	.nav li a:hover{background: #393939;}
	.header{width: 100%;}
	.header .menu {float: right;color: #fff;line-height: 50px;display: block;position: absolute;right: 20px;font-size: 20px;top: 10px;}
	.header .menu_hover {float: right;color: #fff;line-height: 50px;display: none;position: absolute;right: 20px;font-size: 20px;top: 10px;}
	.mapbox{display: none;}
	.copyRight_1 {display: none;}
	.copyRight_2{display: none;}
	.footer{display: none;}
	.footer .box{width: 100%;}
	.copyRight_1 .box{width: 100%;}
	.copyRight_2 .box{width: 100%;}
	.indexText{width: 100%;}
	.allTitle{width: 100%;height: 110px;text-align: center;background: #fa0;}
	.allTitle .titlebox{background: no-repeat;background: #fa0;display: inline-block;width: 150px;border: none;left: 50%;margin-left: -75px;height: 110px;border-radius: 100%;}
	.allTitle .titlebox i{color: #fff;font-size: 16px;}
	.allTitle .titlebox b{color: #fff;font-size: 26px;margin-top: 25px;line-height: 36px;}
	.allTitle .line{width: 100%;height: 100px;border-bottom: 1px solid #fb0;display: none;}
	.item-box{width: 100%;margin-top: 20px;padding: 0 0px;}
	.item-list{width: 100%;}
	.pageNav{width: 100%;}
	.webBox{width: 100%;}
	.main{width: 100%;float: left;margin-top: 0;overflow: hidden;}
	.case-box{width: 100%;}
	.list_26 {width: 100%;}
	.table2{width: 100%;}
	.case-list{width: 100%;}

	.leftBar{padding: 20px;margin-bottom: 0;}
	.articleList li .info{display: none;}
	.articleList li h2{width: 100%;margin-bottom: 0;}
	.articleList li .text{width: 100%;}
	.articleList li .text p{width: 200px;}
	.articleList li h2 .title{line-height: 22px;padding: 0px 0 10px;}

	.item-box-wrap{background: #000;padding: 0 20px;}
	.item-list{margin: 0px 0 20px;width: 100%;}
	.item-list a{width: 100%;height:56px;float: left;border-radius: 0; line-height:56px;text-align: center;border: none;background: none;margin: 0 0 1px;background: #222;}
	.item-list a b{width: 100%;text-align: center;line-height:56px;font-size: 15px;color: #fff;float: left;font-weight: normal;text-align: center;}
	.item-list a span{background: #fff;display: none;
	  color: #fa0;
	  height: 2.2em;
	  font-size: 1.3em;float: initial;margin: 0 auto;
	  line-height: 2.2em;
	  width: 2.2em;
	  border-radius: 100%;}
	.item-list a:hover{background: none ;}
	.item-list a:hover b{color: #fff;background: #fa0;border: none;}
	.item-list a:hover span{color: #fa0;}
	.hvr-rectangle-in {
	  background: none;
	}
	.hvr-rectangle-in:before {
	  background: none;
	}
	.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
	  color: white;
	}
	.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
	  -webkit-transform: scale(0);
	  transform: scale(0);
	}


	.prev {display: none;}
	.next {display: none;}
	.lc{display: none;}
	.lc2{display: none;}

	.menuboxtwo{display: none;}
	.indexTextLeft{display: none;}

	.indexTextWrap {margin-top: 0;background: #00A1E9;padding: 20px;}
	.indexTextRight span{line-height: 80px;background: #fff;border: none;text-align: center;height: 80px;font-size: 26px;}
	.indexTextRight span strong{line-height: 80px;background: #fff;border: none;text-align: center;height: 80px;font-size: 26px;width: 100%;color: #000;font-weight: normal;}
	.indexTextRight span strong a{color: #00A1E9;}
	.indexTextRight ul{padding: 20px 20px 20px;background: #0DB4FF;margin-top: 0;}
	.indexTextRight ul li a{color: #fff;line-height: 36px;height: 36px;}
	.indexTextRight{width: 100%;padding-bottom: 60px;}

	.leftBar{width:100%;}
	.rightBar{display:none;}
	.sharebox {display:none;}
	.page {display:none;}
	.pageNavWrap {margin-top: 70px;}
	.case-box-wrap{background: #fa0;margin-top: 0;}
	.list_26{margin-top: 0;}
	.list_26 .item_img {width: 100%;float: left;margin-bottom: 0px;background: #fff;height: auto;}
	.list_26 .item_img .top_img {width: 100%;display: block;overflow: hidden;position: relative;height: auto;}
	.list_26 .item_img .gary_line{background: #fff;}
	.case-box-wrap{padding: 20px;}
	.menuboxtwoContent{padding-top: 0;}
	.casecenter{line-height: 80px;background: #fff;border: none;height: 80px;font-size: 26px;width: 100%;color: #000;font-weight: normal;display: block;float: left;text-align: center;}
	.moreBox a{background: #fff;}
	
	.pageNavWrap {height:auto;}
	.pageNav{width: 100%;background: #444;display: none;height: auto;float: left;}
	.pageNav a{margin: 0;width: 25%;padding: 0;text-align: center;background: #444;color: #fff;border-bottom: 1px solid #333;border-right:1px solid #333;border-top: none;border-left: none;}
	.pageNav a.cur{background: #555;border-bottom: 1px solid #333;border-right:1px solid #333;border-top: none;border-left: none;color: #fff;}
	.morenav{display: block;margin-top: 0;}

	.singlepagemain {padding: 20px;}
	.mainBodyContent  {padding: 20px;}
	.ulpay{margin-top: 0;}
	.ulpay li{padding: 20px;overflow: hidden;width: 100%;height: auto;}
	.webBox{margin-bottom: 0;}
	.table2 {margin-top: 20px;margin-bottom: 20px;}
	.table2 th{padding: 10px;}
	.table2 td{padding: 10px;}

	.case-list{width: 100%;padding-right: 20px;}
	.case-list li{width: 50%;height: auto;padding: 20px 20px 0;margin: 0;background: #fff;border-left: 20px solid #f4f4f4;border-top: 20px solid #f4f4f4;}
	.case-list li:hover .seeicon{display: none;}
	.case-list li:hover .imgback{display: none;}
	.case-list li .img{width: 100%;height: auto;position: relative;float: left;top:0;left:0;}
	.case-list li .img img{width: 100%;height: auto;}
	.case-list li .title{float: left;width: 100%;position: relative;line-height: 50px;height: 50px;text-align: center;font-size: 15px;background: #fff;}
	.pagesize{margin-left:0px;margin-top: 20px;margin-bottom: 70px;}
	.casecontent p{margin-bottom: 0;}
	.fixbar_05{display: block;}
	.fixbar_05_qq{display: block;}
	.mfooter{display: block;}
	.articleList{margin-bottom: 0;}
} 
@media screen and (max-width: 640px) { /*????????????*/
	.case-list{width: 100%;padding: 0;}
	.case-list li{width: 100%;height: auto;margin:0 0px 15px 0;border: none;padding: 20px 20px 10px;}
	.case-list li:hover .seeicon{display: none;}
	.case-list li:hover .imgback{display: none;}
	.case-list li .img{width: 100%;height: auto;position: relative;float: left;top:0;left:0;}
	.case-list li .img img{width: 100%;height: auto;}
	.case-list li .title{float: left;width: 100%;position: relative;line-height: 40px;height: 40px;text-align: center;font-size: 16px;margin-top: 5px;}
	
}
@media screen and (max-width: 480px) {


}